const {resolve} = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    entry: './src/js/index.js',

    output: {
        filename: 'js/built.js',
        path: resolve(__dirname, 'build')
    },

    module: {
        rules: [
            // loader 配置
            {
                test: /\.css$/,
                // 多个 loader用 use
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.js/,
                // 排除 node_modules$ 下的js文件
                exclude: /node_modules/,
                // 只检测 src 下面的 js 文件
                include: resolve(__dirname, 'src'),
                // 优先执行
                /*enforce: 'pre',*/
                // 延后执行
                enforce: 'post',
               // 单个 loader用 loader
                loader: 'eslint-loader'
            },
            {
                // 以下配置只会生效一次
                oneOf: [],
            }
        ]
    },

    plugins: [
        new HtmlWebpackPlugin()
    ],

    mode: 'development'

}